<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <table>
        <tr>
            <td>学号</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>总成绩</td>
            <td>备注</td>
        </tr>
        <tr id="s1">
            <td>1</td>
            <td>105</td>
            <td>62</td>
            <td>118</td>
            <td></td>
            <td></td>
        </tr>
        <tr id="s2">
            <td>2</td>
            <td>89</td>
            <td>78</td>
            <td>120</td>
            <td></td>
            <td></td>
        </tr>
        <tr id="s3">
            <td>3</td>
            <td>86</td>
            <td>64</td>
            <td>80</td>
            <td></td>
            <td></td>
        </tr>
        <tr id="s4">
            <td>4</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr id="s5">
            <td>5</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <script>
        var stu=[]
        for(var i=0;i<5;i++)
        { 
            stu[i]=Object(null);
            stu[i].num=i;
            stu[i].chinese=0
            stu[i].math=0
            stu[i].english=0
            stu[i].sum=0
            stu[i].info=function(num,chinese,math,english)
            {
                this.num=num;
                this.chinese=chinese;
                this.math=math;
                this.english=english;
                this.sum=num+chinese+english;
                console.log("学号："+this.num);
                console.log("语文："+this.chinese);
                console.log("数学："+this.math);
                console.log("英语："+this.english);
                console.log("总成绩:"+this.sum);
            }   
            stu[i].info_arr=function(){
                var ary=[];
                ary[0]=this.num;
                ary[1]=this.chinese;
                ary[2]=this.math;
                ary[3]=this.english;
                ary[4]=this.sum;
                return ary;
            }
        }
        // 输入数据
        stu[0].info(1,105,62,118)
        stu[1].info(2,89,89,120)
        stu[2].info(3,86,64,80)
        stu[3].info(4,78,99,91)
        stu[4].info(5,101,79,104)
        // 填表
        for(var j=1;j<=5;j++)
        {
            var id="s"+j;
            for(var i=1;i<=5;i++)
            {
                var selec="#"+id+" td:nth-child("+(i)+")";
              //  console.log(selec)
              //  console.log(document.querySelector(selec).innerHTML);
                document.querySelector(selec).innerHTML=stu[j-1].info_arr()[i-1];
            }
        }
        //语文单科第一 
        var max=-1;var tag;
        for(var i=0;i<5;i++)
        {
            if(stu[i].info_arr()[1]>max)
            {
                max=stu[i].info_arr()[1]
                tag=i;
                console.log(stu[i].info_arr()[1])
                
            }
        }
        console.log("语文第一的是学号"+stu[tag].info_arr()[0])
        var res="#s"+stu[tag].info_arr()[0]+" td:nth-child("+(6)+")"
        document.querySelector(res).innerHTML+="语文第一"
        //数学单科第一
        var max=-1;var tag;
        for(var i=0;i<5;i++)
        {
            if(stu[i].info_arr()[2]>max)
            {
                max=stu[i].info_arr()[2]
                tag=i;
            }
        }
        console.log("数学第一的是学号"+stu[tag].info_arr()[0])
        var res="#s"+stu[tag].info_arr()[0]+" td:nth-child("+(6)+")"
        document.querySelector(res).innerHTML+="数学第一"
        //  英语单科第一
        var max=-1;var tag;
        for(var i=0;i<5;i++)
        {
            if(stu[i].info_arr()[3]>max)
            {
                max=stu[i].info_arr()[3]
                tag=i;
            }
        }

        console.log("英语第一的是学号"+stu[tag].info_arr()[0])
        var res="#s"+stu[tag].info_arr()[0]+" td:nth-child("+(6)+")"
        document.querySelector(res).innerHTML+="英语第一"
        //总成绩第一
        var max=-1;var tag;
        for(var i=0;i<5;i++)
        {
            if(stu[i].info_arr()[4]>max)
            {
                max=stu[i].info_arr()[4]
                tag=i;
            }
        }
        console.log("总成绩第一的是学号"+stu[tag].info_arr()[0])
        var res="#s"+stu[tag].info_arr()[0]+" td:nth-child("+(6)+")"
        document.querySelector(res).innerHTML+="总成绩第一"
    </script>
</body>
</html>